<template>
  <div class="outside-wrap">
    <nav class="nav-box">盒子</nav>
    <aside></aside>
    <main class="algent-layout">
      <div class="algent-prompt"></div>
    </main>
  </div>
</template>
<style lang="scss" scoped>
.outside-wrap {
  background-color: rgb(243, 243, 243);
  height: 100vh;
  width: 100vw;

  position: relative;
  //   display: flex;
  //   justify-content: center;
  //   align-items: center;
}

.nav-box {
  position: fixed;
  top: 0;
  left: 0;
  background-color: red;
  width: 100px;
  height: 80px;
}

.algent-prompt {
  background-color: #fff;
  height: 100%;
  width: 100%;
  border-radius: 8px;
}
.algent-layout {
  box-sizing: border-box;
  //实现子元素距离父元素上下左右都6px
  padding: 6px;
  height: 100%;
  width: 100%;
}
</style>
